<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="fontawesome-free-5.8.2-web/css/all.css">
</head>

<body>
    <div class="header">
        <h2 class="logo">Darkcode</h2>
        <input type="checkbox" id="chk">
        <label for="chk" class="show-menu-btn">
            <i class="fas fa-bars"></i>
        </label>

        <ul class="menu">
            <a href="#">Home</a>
            <a href="#">About</a>
            <a href="#">Services</a>
            <a href="#">Works</a>
            <a href="#">Contact</a>
            <label for="chk" class="hide-menu-btn">
                <i class="fas fa-times"></i>
            </label>
        </ul>
    </div>
    <center>
        <img src="1.jpg" alt="">
    </center>
    <div class="text">
        <h3>优衣库的冲冲冲行为大赏，正好用来理解 KAWS 那复杂的幽默感公司</h3>
        <p>优衣库开了这么久，发售新款排几公里长龙买设计师合作款的场景不出奇，但像 6 月 3 日这样防护栏还没卷起人们就一拥而入，甚至打架的疯狂，很多人应该还是第一次见。然而这些被黄牛转手的 UT 并没有出现天价，平均也就比原价多了几十块钱吧。这次的营销与两个长着「X X」眼睛的公仔有关，可能很多人都还不知道它们的名字。其中「X X」眼睛长在头顶的形象名为 BFF，「X X」眼睛长在脸上的形象名为「COMPANION」（伙伴）。</p> 
    </div>
</body>

</html>